iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 23
2
Mobile Development

iOS App初心者的30天試鍊系列 第 23

Day23:熟練多頁面 App 和資料傳遞的技巧之心理測驗或問卷

  • 分享至 

  • xImage
  •  

在昨天談完Day22:如何使用 Auto Layout後,今天我們要運用一個App⾴⾯間的資料傳遞

來製作一個多頁面的心理測驗或問卷App。以心理測驗為例,回答完所有問題後,顯示

結果頁面,在開始寫程式前,我們先講一些資料傳遞的例子

多⾴⾯間的資料傳遞的例子

1.點選某個東⻄,在下⼀⾴顯⽰進⼀步的資訊

例子:電影App,點選某部電影後,跳到電影的介紹⾴⾯。

2.將表單輸入的資料傳到下⼀⾴

例子:問卷App,或是輸入⾝⾼,體重,在下⼀⾴顯⽰ BMI。

3.將結果傳到下⼀⾴

例子:選擇題App的分數,⼼理測驗 App 裡選擇的選項。

接下來我們先來看Apple App Development with Swift裡Unit 3的Guided Project:

程式碼Personality Quiz範例 , 可參考以下網址電子書Unit 3的範例

https://books.apple.com/us/book/app-development-with-swift/id1465002990

MainStoryBoard頁面設計

https://ithelp.ithome.com.tw/upload/images/20190930/201121821GnlLBsAyq.png

程式邏輯設計

問題設計

https://ithelp.ithome.com.tw/upload/images/20190930/20112182fGLC99SkBn.png

算結果

https://ithelp.ithome.com.tw/upload/images/20190930/20112182INQkhy5Y5e.png

分析

https://ithelp.ithome.com.tw/upload/images/20190930/201121823TnYCqqZCI.png

程式執行結果

https://ithelp.ithome.com.tw/upload/images/20190930/20112182YeFYAWmkyJ.png

https://ithelp.ithome.com.tw/upload/images/20190930/20112182AqbTV1QeQM.png

https://ithelp.ithome.com.tw/upload/images/20190930/20112182SBSo4Wb0Py.png

https://ithelp.ithome.com.tw/upload/images/20190930/20112182oRKH5Xkehy.png

https://ithelp.ithome.com.tw/upload/images/20190930/20112182wHet7NvcLT.png


上一篇
Day22:如何使用 Auto Layout來設計Clock App的cell畫面
下一篇
Day24:利用Flow Layout 的Collection view 製作照片牆
系列文
iOS App初心者的30天試鍊31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Gary
iT邦好手 1 級 ‧ 2019-09-30 22:08:24

讚讚!!

我要留言

立即登入留言